// 车船税列表
<template>

<div class="car-tax">

    <div class="car-tax">

        <Row :gutter='10'>
            <Col :span='item.span' v-for='(item, index) of conf' :key='index'>
                <div class="item">
                    <c-form-readonly-block :data='data' :label='item.label' :keys='item.keys'></c-form-readonly-block>
                </div>
            </Col>
        </Row>

    </div>
    
</div>

</template>

<script lang='ts'>
import { Component, Prop, Watch, Vue } from 'vue-property-decorator'

@Component({})
export default class carTax extends Vue{
    name:string = 'car-tax'

    @Prop()
    data
    
     conf = [
        
        {
            label: '税务机关',
            span: 8,
            keys: ['DEVtaxSector'],
        },
        {
            label: '税务金额',
            span: 8,
            keys: ['DEVtaxAmount'],
        },
        {
            label: '完税凭证',
            span: 8,
            keys: ['DEVticketId'],
        },
        {
            label: '纳税标识',
            span: 8,
            keys: ['DEVtaxPayerId'],
        },
        {
            label: '车辆类型',
            span: 8,
            keys: ['DEVtaxType'],
        },
        {
            label: '代缴车船税',
            span: 8,
            keys: ['DEVonBehalf'],
        },

     ]

    
}

</script>

<style scoped lang='scss'>
.item{
        margin-top: _intervals(2);
    }
</style>